
<script src="http://runningpaul.gitee.io/fake_web/pages/clientOrder/create.js"></script>
<div ng-controller="CreateClientOrderController">
    <div  class="hidden" kendo-window="createWindow" k-ng-delay k-title="'新增客户订单'" k-modal="true" k-actions='["Pin","Maximize","Close"]'
         k-width="900" k-visible="false" class="hidden">
        <form id="order-form" ng-submit="save()" kendo-validator="validator">
            <div>

<div class="form-group ">
    <label for="projectId">项目
        <span class="required" aria-required="true"> * </span>
    </label>
    <select id="projectId" name="projectId" ng-model="order.projectId"
             kendo-combo-box
            k-options="projectOptions" k-ng-delay="projectOptions"
            
            k-data-text-field="'name'"
            k-data-value-field="'projectId'" k-filter="'contains'"
            k-auto-bind="false"
            
            required="required"  
        >
    </select>
    <span class="k-invalid-msg" data-for="projectId"></span>

</div>
<div class="form-group  ">
    <label for="clientOrderNo">客户单号
        <span class="required" aria-required="true"> * </span>
    </label>
    <input type="text" class="k-textbox"
           ng-model="order.clientOrderNo" 
         required="required"
           
           maxlength="50" 
           
            id="clientOrderNo" name="clientOrderNo" 
           />
    <span class="k-invalid-msg" data-for="clientOrderNo"></span>

</div>

<div class="form-group">
    <label for="orderDate">订单日期
        <span class="required" aria-required="true"> * </span>
    </label>
    <input type="text" kendo-date-picker ng-model="order.orderDate"  k-format="'yyyy-MM-dd'"
           k-culture="'zh-CN'"
           required="required"
           
           
           
           id="orderDate"
           name="orderDate" />
    <span class="k-invalid-msg" data-for="orderDate"></span>

</div>

<div class="form-group ">
    <label for="createTransportType">运输方式
        
    </label>
    <select id="createTransportType" name="createTransportType"
            ng-model="order.transportType" 
            kendo-drop-down-list
            
            
            
          >
                <option value="GLZC"
                        >公路整车</option>
                <option value="GLLD"
                        >公路零担</option>
                <option value="KY"
                        >空运</option>
                <option value="TL"
                        >铁路</option>
                <option value="KD"
                        >快递</option>
    </select>
    <span class="k-invalid-msg" data-for="createTransportType"></span>
</div>

<div class="form-group ">
    <label for="createHandoverType">交接方式
        
    </label>
    <select id="createHandoverType" name="createHandoverType"
            ng-model="order.handoverType" 
            kendo-drop-down-list
            
            
            
          >
                <option value="TO_DOOR"
                        >送货上门</option>
                <option value="UPSTAIRS"
                        >送货上楼</option>
                <option value="SELF"
                        >自提</option>
    </select>
    <span class="k-invalid-msg" data-for="createHandoverType"></span>
</div>

<div class="form-group ">
    <label for="createCalculateType">计费单位
        
    </label>
    <select id="createCalculateType" name="createCalculateType"
            ng-model="order.calculateType" 
            kendo-drop-down-list
            
            
            
          >
                <option value="VOLUME"
                        >体积</option>
                <option value="WEIGHT"
                        >重量</option>
                <option value="PACKAGE"
                        >件数</option>
                <option value="CAR"
                        >吨位</option>
                <option value="CAR_TYPE"
                        >车型</option>
                <option value="VOLUME_DISTANCE"
                        >体积公里</option>
                <option value="CAR_WEIGHT"
                        >吨位重量</option>
                <option value="CAR_VOLUME"
                        >吨位体积</option>
                <option value="CAR_HEAVY_BUBBLE_WEIGHT"
                        >吨位重泡重量</option>
                <option value="STANDARD_PACKAGE"
                        >标箱</option>
    </select>
    <span class="k-invalid-msg" data-for="createCalculateType"></span>
</div>

<div class="form-group ">
    <label for="orderType">订单类型
        
    </label>
    <select id="orderType" name="orderType"
            ng-model="order.orderType" 
            kendo-drop-down-list
            
            
            
          >
                <option value="CARLOAD"
                        >整车</option>
                <option value="LTL"
                        >零担</option>
                <option value="THROUGHTRAFFIC"
                        >联运</option>
                <option value="EXPRESSAGE"
                        >快递</option>
    </select>
    <span class="k-invalid-msg" data-for="orderType"></span>
</div>

<div class="form-group ">
    <label for="createGoodsCategory">货物类型
        
    </label>
    <select id="createGoodsCategory" name="createGoodsCategory" ng-model="order.goodsCategory"
             kendo-combo-box
            
            
            k-data-text-field="'name'"
            k-data-value-field="'code'" k-filter="'contains'"
            k-auto-bind="false"
             
        >
    </select>
    <span class="k-invalid-msg" data-for="createGoodsCategory"></span>

</div>

<div class="form-group ">
    <label for="goodsDesc">货物描述
        
    </label>
    <textarea type="text" class="k-textbox" ng-model="order.goodsDesc"  rows="2"
              cols="60" 
              
              
              maxlength="250" 
              
               id="goodsDesc"
              name="goodsDesc" ></textarea>
    <span class="k-invalid-msg" data-for="goodsDesc"></span>

</div>

<div class="form-group ">
    <label for="createVehicleTonnage">所需车辆吨位
        
    </label>
    <select id="createVehicleTonnage" name="createVehicleTonnage"
            ng-model="order.vehicleTonnage" 
            kendo-drop-down-list
            
            
            
          >
            <option value="">不填</option>
                <option value="TWO"
                        >2吨</option>
                <option value="THREE"
                        >3吨</option>
                <option value="FIVE"
                        >5吨</option>
                <option value="EIGHT"
                        >8吨</option>
                <option value="TEN"
                        >10吨</option>
                <option value="FIFTEEN"
                        >15吨</option>
                <option value="TWENTY"
                        >20吨</option>
                <option value="TWENTY_FIVE"
                        >25吨</option>
                <option value="THIRTY"
                        >30吨</option>
                <option value="THIRTY_TWO"
                        >32吨</option>
                <option value="THIRTY_FIVE"
                        >35吨</option>
                <option value="FORTY"
                        >40吨</option>
                <option value="FORTY_FIVE"
                        >45吨</option>
    </select>
    <span class="k-invalid-msg" data-for="createVehicleTonnage"></span>
</div>

<div class="form-group ">
    <label for="carType">所需车辆车型
        
    </label>
    <select id="carType" name="carType"
            ng-model="order.carType" 
            kendo-drop-down-list
            
            
            
          >
            <option value="">不填</option>
                <option value="TYPE_ONE"
                        >4.2m</option>
                <option value="TYPE_TWO"
                        >6.5m</option>
                <option value="TYPE_THREE"
                        >7.6m</option>
                <option value="TYPE_FOUR"
                        >8.6m</option>
                <option value="TYPE_FIVE"
                        >9.6m</option>
                <option value="TYPE_SIX"
                        >12m</option>
                <option value="TYPE_SEVEN"
                        >13.5m</option>
                <option value="TYPE_EIGHT"
                        >17.5m</option>
    </select>
    <span class="k-invalid-msg" data-for="carType"></span>
</div>
<div class="form-group  ">
    <label for="distance">里程(km)
        
    </label>
    <input type="text" class="k-textbox"
           ng-model="order.distance" 
         
           
           
           
            id="distance" name="distance" 
           />
    <span class="k-invalid-msg" data-for="distance"></span>

</div>
            <hr class="dividing" />

<div class="form-group big">
    <label for="orginCodeCreate_typeahead">始发地
        <span class="required" aria-required="true"> * </span>
    </label>
    <input type="text" class="k-textbox" kendo-district-select
           ng-model="order.orginCode"   required="required"
           k-province="'#consignorProvince'" k-city="'#consignorCity'"
           k-area="'#consignorArea'" k-street="'#consignorStreet'"
           
           id="orginCodeCreate" name="orginCodeCreate" />


</div>

<div class="form-group  hidden ">
    <label for="consignorProvince">省
        
    </label>
    <input type="hidden" class="k-textbox"
           ng-model="order.orderAddressDTO.consignorProvince" ng-hidden 
         
           
           maxlength="50" 
           
            id="consignorProvince" name="consignorProvince" 
           />
    <span class="k-invalid-msg" data-for="consignorProvince"></span>

</div>
<div class="form-group  hidden ">
    <label for="consignorCity">市
        
    </label>
    <input type="hidden" class="k-textbox"
           ng-model="order.orderAddressDTO.consignorCity" ng-hidden 
         
           
           maxlength="50" 
           
            id="consignorCity" name="consignorCity" 
           />
    <span class="k-invalid-msg" data-for="consignorCity"></span>

</div>
<div class="form-group  hidden ">
    <label for="consignorArea">县
        
    </label>
    <input type="hidden" class="k-textbox"
           ng-model="order.orderAddressDTO.consignorArea" ng-hidden 
         
           
           maxlength="50" 
           
            id="consignorArea" name="consignorArea" 
           />
    <span class="k-invalid-msg" data-for="consignorArea"></span>

</div>
<div class="form-group  hidden ">
    <label for="consignorStreet">乡镇
        
    </label>
    <input type="hidden" class="k-textbox"
           ng-model="order.orderAddressDTO.consignorStreet" ng-hidden 
         
           
           maxlength="50" 
           
            id="consignorStreet" name="consignorStreet" 
           />
    <span class="k-invalid-msg" data-for="consignorStreet"></span>

</div>
<div class="form-group  ">
    <label for="consignorCompany">发货公司
        <span class="required" aria-required="true"> * </span>
    </label>
    <input type="text" class="k-textbox"
           ng-model="order.orderAddressDTO.consignorCompany" 
         required="required"
           
           maxlength="50" 
           
            id="consignorCompany" name="consignorCompany" 
           />
    <span class="k-invalid-msg" data-for="consignorCompany"></span>

</div>
<div class="form-group  ">
    <label for="consignorMan">发货人
        <span class="required" aria-required="true"> * </span>
    </label>
    <input type="text" class="k-textbox"
           ng-model="order.orderAddressDTO.consignorMan" 
         required="required"
           
           maxlength="50" 
           
            id="consignorMan" name="consignorMan" 
           />
    <span class="k-invalid-msg" data-for="consignorMan"></span>

</div>
<div class="form-group  ">
    <label for="consignorPhone">发货人电话
        <span class="required" aria-required="true"> * </span>
    </label>
    <input type="text" class="k-textbox"
           ng-model="order.orderAddressDTO.consignorPhone" 
         required="required"
           
           maxlength="50" 
           
            id="consignorPhone" name="consignorPhone" 
           />
    <span class="k-invalid-msg" data-for="consignorPhone"></span>

</div>

<div class="form-group ">
    <label for="consignorAddress">发货详细地址
        <span class="required" aria-required="true"> * </span>
    </label>
    <textarea type="text" class="k-textbox" ng-model="order.orderAddressDTO.consignorAddress"  rows="2"
              cols="60" 
              required="required"
              
              maxlength="50" 
              
               id="consignorAddress"
              name="consignorAddress" ></textarea>
    <span class="k-invalid-msg" data-for="consignorAddress"></span>

</div>


<div class="form-group big">
    <label for="destCodeCreate_typeahead">目的地
        <span class="required" aria-required="true"> * </span>
    </label>
    <input type="text" class="k-textbox" kendo-district-select
           ng-model="order.destCode"   required="required"
           k-province="'#consigneeProvince'" k-city="'#consigneeCity'"
           k-area="'#consigneeArea'" k-street="'#consigneeStreet'"
           
           id="destCodeCreate" name="destCodeCreate" />


</div>
<div class="form-group  hidden ">
    <label for="consigneeProvince">省
        
    </label>
    <input type="hidden" class="k-textbox"
           ng-model="order.orderAddressDTO.consigneeProvince" ng-hidden 
         
           
           maxlength="50" 
           
            id="consigneeProvince" name="consigneeProvince" 
           />
    <span class="k-invalid-msg" data-for="consigneeProvince"></span>

</div>
<div class="form-group  hidden ">
    <label for="consigneeCity">市
        
    </label>
    <input type="hidden" class="k-textbox"
           ng-model="order.orderAddressDTO.consigneeCity" ng-hidden 
         
           
           maxlength="50" 
           
            id="consigneeCity" name="consigneeCity" 
           />
    <span class="k-invalid-msg" data-for="consigneeCity"></span>

</div>
<div class="form-group  hidden ">
    <label for="consigneeArea">县
        
    </label>
    <input type="hidden" class="k-textbox"
           ng-model="order.orderAddressDTO.consigneeArea" ng-hidden 
         
           
           maxlength="50" 
           
            id="consigneeArea" name="consigneeArea" 
           />
    <span class="k-invalid-msg" data-for="consigneeArea"></span>

</div>
<div class="form-group  hidden ">
    <label for="consigneeStreet">乡镇
        
    </label>
    <input type="hidden" class="k-textbox"
           ng-model="order.orderAddressDTO.consigneeStreet" ng-hidden 
         
           
           maxlength="50" 
           
            id="consigneeStreet" name="consigneeStreet" 
           />
    <span class="k-invalid-msg" data-for="consigneeStreet"></span>

</div>
<div class="form-group  ">
    <label for="consigneeCompany">收货公司
        <span class="required" aria-required="true"> * </span>
    </label>
    <input type="text" class="k-textbox"
           ng-model="order.orderAddressDTO.consigneeCompany" 
         required="required"
           
           maxlength="50" 
           
            id="consigneeCompany" name="consigneeCompany" 
           />
    <span class="k-invalid-msg" data-for="consigneeCompany"></span>

</div>
<div class="form-group  ">
    <label for="consigneeMan">收货人
        <span class="required" aria-required="true"> * </span>
    </label>
    <input type="text" class="k-textbox"
           ng-model="order.orderAddressDTO.consigneeMan" 
         required="required"
           
           maxlength="50" 
           
            id="consigneeMan" name="consigneeMan" 
           />
    <span class="k-invalid-msg" data-for="consigneeMan"></span>

</div>
<div class="form-group  ">
    <label for="consigneePhone">收货人电话
        <span class="required" aria-required="true"> * </span>
    </label>
    <input type="text" class="k-textbox"
           ng-model="order.orderAddressDTO.consigneePhone" 
         required="required"
           
           maxlength="50" 
           
            id="consigneePhone" name="consigneePhone" 
           />
    <span class="k-invalid-msg" data-for="consigneePhone"></span>

</div>

<div class="form-group ">
    <label for="consigneeAddress">收货详细地址
        <span class="required" aria-required="true"> * </span>
    </label>
    <textarea type="text" class="k-textbox" ng-model="order.orderAddressDTO.consigneeAddress"  rows="2"
              cols="60" 
              required="required"
              
              maxlength="50" 
              
               id="consigneeAddress"
              name="consigneeAddress" ></textarea>
    <span class="k-invalid-msg" data-for="consigneeAddress"></span>

</div>

            <hr class="dividing" />

<div class="form-group">
    <label for="totalItemQty">总数量
        
    </label>
    <input type="number" kendo-numeric-text-box ng-model="order.orderSummaryDTO.totalItemQty" 
            k-decimals="'0'" 
            
           min="0"  id="totalItemQty" name="totalItemQty" />
    <span class="k-invalid-msg" data-for="totalItemQty"></span>
</div>

<div class="form-group">
    <label for="totalPackageQty">总件数
        
    </label>
    <input type="number" kendo-numeric-text-box ng-model="order.orderSummaryDTO.totalPackageQty" 
            k-decimals="'0'" 
            
           min="0"  id="totalPackageQty" name="totalPackageQty" />
    <span class="k-invalid-msg" data-for="totalPackageQty"></span>
</div>

<div class="form-group">
    <label for="totalVolume">总体积(m³)
        
    </label>
    <input type="number" kendo-numeric-text-box ng-model="order.orderSummaryDTO.totalVolume" 
           k-format="'0.000000m³'" k-decimals="'6'" 
            
           min="0"  id="totalVolume" name="totalVolume" />
    <span class="k-invalid-msg" data-for="totalVolume"></span>
</div>

<div class="form-group">
    <label for="totalWeight">总重量(kg)
        
    </label>
    <input type="number" kendo-numeric-text-box ng-model="order.orderSummaryDTO.totalWeight" 
           k-format="'0.0000kg'" k-decimals="'4'" 
            
           min="0"  id="totalWeight" name="totalWeight" />
    <span class="k-invalid-msg" data-for="totalWeight"></span>
</div>

<div class="form-group">
    <label for="totalGoodsWorth">总货值
        
    </label>
    <input type="number" kendo-numeric-text-box ng-model="order.orderSummaryDTO.totalGoodsWorth" 
           k-format="'￥0.00'" k-decimals="'2'" 
            
           min="0"  id="totalGoodsWorth" name="totalGoodsWorth" />
    <span class="k-invalid-msg" data-for="totalGoodsWorth"></span>
</div>

<div class="form-group ">
    <label for="specialRequire">特殊要求
        
    </label>
    <textarea type="text" class="k-textbox" ng-model="order.specialRequire"  rows="2"
              cols="60" 
              
              
              maxlength="250" 
              
               id="specialRequire"
              name="specialRequire" ></textarea>
    <span class="k-invalid-msg" data-for="specialRequire"></span>

</div>

<div class="form-group ">
    <label for="remark">备注
        
    </label>
    <textarea type="text" class="k-textbox" ng-model="order.remark"  rows="2"
              cols="60" 
              
              
              maxlength="250" 
              
               id="remark"
              name="remark" ></textarea>
    <span class="k-invalid-msg" data-for="remark"></span>

</div>
            </div>
            <div kendo-grid=goodsGrid id="goodsGrid" k-data-source="orderGoodsDataSource" k-editable="true"
                 k-toolbar="toolbar"
                 k-columns="columns" ng-model="order.orderGoodsDTOs"></div>


            <div class="form-buttons">
                <button type="submit" id="submitBtn" kendo-button class="k-button k-primary ">
                    <span class="k-icon k-i-check"></span> 保存
                </button>
                <button type="button" ng-click="close()" class="k-button">
                    <i class="k-icon k-i-close"></i> 取消
                </button>
            </div>
        </form>
    </div>
</div>